/*
************************************************************
* Common styles
************************************************************
*/
img { border: 0; }

iframe.screen
{
	position: absolute;
	left: 40px; top: 40px; width: 640px; height: 496px;
}

body.screen
{
	background-color: transparent;
	margin: 0px 0px;
	font-family: Trebuchet MS; font-size: 15pt; font-weight: bold;
	color: white;
}

body.screen h1
{
	position: absolute; top: -5%; left: 10%;
	font-size: 150px; color: #405788;
	z-index: -1;
}

osh\:Clock
{
	position: absolute; right: 0px; top: 0px; padding: 0.5ex 1ex; text-align: right; z-index: 1;
}

osh\:Menu 
{
	font-size: 18pt; font-weight: normal; 
}

osh\:MenuItem div.menuItem
{
	position: relative; width: 200px; height: 40px;
	margin: 0 0 3px 0;
}

osh\:MenuItem div.background
{
	position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;
}

osh\:MenuItem img.background
{                                         
	width: 100%; height: 100%;
	z-index: -1;
}

osh\:MenuItem div.content
{
	position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;
	padding: 5px 10px 5px 10px;
	letter-spacing: 1px;
}

osh\:MenuSeparator img
{
	width: 1px; height: 5px;
}

img.menuItemHoverImage
{
	position: absolute; top: 100px; right: 20px;
	border: none;
}


/*
************************************************************
* Home
************************************************************
*/

body.screen#Home
{
	background-image: url('Images/common.background.png');
}

body.screen#Home #MainMenu
{
	position: absolute; left: 220px; top: 80px; width: 200px;
}


/*
************************************************************
* EPG
************************************************************
*/

iframe.screen#EPG
{
	left: 30px; top: 30px; width: 660px; height: 516px;
}

body.screen#EPG
{
	background-image: url('Images/common.background.png');
}

body.screen#EPG h1 { position: absolute; top: -2%; left: 2%; font-size: 65px; }


/*
************************************************************
* Teletext
************************************************************
*/

iframe.screen#Teletext
{
	left: 60px; top: 30px; width: 600px; height: 526px;
}

body.screen#Teletext osh\:TeletextPage
{
	width: 600px; height: 525px;
	background-color: black; color: white;
	font-family: Courier New; font-weight: bold; font-size: 19pt; 
}

body.screen#Teletext #pageNumber
{
	visibility: hidden;
	background-color: black; color: yellow;
	font-family: Courier New; font-weight: bold; font-size: 19pt; height: 16pt; line-height: 16pt; 
	position: absolute; left: 0px; top: 0px; width: 8ex; /*border: solid 1px red;*/
}

body.screen#Teletext #pageNumber.show
{
	visibility: visible;
}



/*
************************************************************
* Record
************************************************************
*/

body.screen#Record
{
	background-image: url('Images/common.background.png');
}

body.screen#Record #MainMenu
{
	position: absolute; left: 220px; top: 100px; width: 200px;
}


/*
************************************************************
* Weather
************************************************************
*/

body.screen#Weather iframe#mceWeather
{
	position: absolute; left: 0px; top: 0px;
	width: expression(document.documentElement.clientWidth+'px');
	height: expression((document.documentElement.clientHeight - 0)+'px');
}


/*
************************************************************
* ChannelNumber
************************************************************
*/

body.screen#ChannelNumber osh\:Clock { background-color: #476DAB; border: solid 2px white; color: white; }

body.screen#ChannelNumber osh\:ChannelNumberInput
{
	background-image: url('Images/common.background.png');
	border: solid 2px white;
	position: absolute; left: 0; top: 0; width: 10em; padding: 0.5ex 1ex;
}

body.screen#ChannelNumber osh\:ChannelNumberInput.record
{
	color: red;
}

/*
************************************************************
* QuickInfo
************************************************************
*/

body.screen#QuickInfo osh\:Clock { background-color: #476DAB; border: solid 2px white; color: white; }

body.screen#QuickInfo div#InfoBlock
{
	position: absolute; left: 0; bottom: 0; width: 100%;
}

body.screen#QuickInfo osh\:RecordingInfo
{
	color: #FF80FF;
}

body.screen#QuickInfo osh\:QuickInfoChannel
{
	background-color: white; color: #205088;
	border: solid 2px #205088; margin-top: 2px; padding: 5px;
}

body.screen#QuickInfo osh\:QuickInfoProgram
{
	background-image: url('Images/common.background.png');
	border: solid 2px white; margin-top: 2px; padding: 5px;
}

body.screen#QuickInfo osh\:QuickInfoProgramPreview
{
	width: 240px; height: 180px;
	border: solid 2px white; margin-top: 2px;
}

body.screen#QuickInfo osh\:QuickInfoTimeline
{
	background-image: url('Images/common.background.png');
	border: solid 2px white; margin-top: 2px; padding: 5px;
}

body.screen#QuickInfo osh\:QuickInfoRecording
{
	background-image: url('Images/common.background.png');
	border: solid 2px white; margin-top: 2px; padding: 5px;
}

body.screen#QuickInfo osh\:QuickInfoVideoFile
{
	background-color: white; color: #205088;
	border: solid 2px #205088; margin-top: 2px; padding: 5px;
}


/*
************************************************************
* Subtitles
************************************************************
*/

body.screen#Subtitles div#InfoBlock
{
	text-align: center;
	position: absolute; left: 0; bottom: 0; width: 100%;
	filter: 
		progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=-1, Color='black')
		progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=-1, Color='black')
		progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=1, Color='black')
		progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='black');
}

body.screen#Subtitles .subtitleLine
{
	font-size: 200%;
/*	background-image: url('Images/common.background.png');*/
}


/*
************************************************************
*
* Controls
*
************************************************************
*/


/*
************************************************************
* Clock.htc
************************************************************
*/

body.control #clock #dayOfWeek { color: #B0D0FF; }
body.control #clock #date { color: #B0D0FF; }
body.control #clock #time { }

body.control.EPG #clock	#time { display: inline; margin-left: 1ex; }


/*
************************************************************
* QuickInfo*.htc
************************************************************
*/

body.control #quickInfoChannel { width: 626px; }
body.control #quickInfoProgram { width: 626px; }
body.control #quickInfoTimeline { width: 626px; }
body.control #quickInfoRecording { width: 626px; }
body.control #quickInfoVideoFile { width: 626px; }
